<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<link href="css/common.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">

</head>

<body>
<!--header-->
<div class="header">
	<div class="wrap-box">
			<span class="top-left">欢迎访问佳坤家具官方网站</span>
			<span class="top-right">联系我们&nbsp;&nbsp;Tel&nbsp;:&nbsp;023-88888888</span>
	</div>
	<div class="head wrap">
		<a  class="logo" href="index.html"><img class="logo-img" src="images/logo.png"><h6 class="title">佳&nbsp;坤&nbsp;家&nbsp;具</h6><span class="title-english">JIAJUNJIAJU</span></a>
		<ul class="nav">
			<li class="current"><a href="index.html">首&nbsp;&nbsp;页</a></li>
			<li><a href="about_us.html">公司介绍</a></li>
			<li><a href="news_center.html">新闻中心</a></li>
			<li><a href="pro_center.html">产品中心</a></li>
			<li><a href="contact_us.html">联系我们</a></li>
		</ul>
		<form  class="form" action="">
			<input type="text" class="search" placeholder="关键字:真的很帅">
			<input type="button" class="submit">
		</form>
	</div>
</div>
<!-- banner -->	
<div class="banner">
    <div id="slideBox" class="slideBox">
        <div class="hd">
        	<ul><li class="round">1</li><li class="round">2</li><li class="round">3</li></ul>
        </div>
        <div class="bd">
            <ul>
                <li><a href="#"><img src="images/banner1.png" /></a></li>
                <li><a href="#"><img src="images/banner2.png" /></a></li>
                <li><a href="#"><img src="images/banner3.png" /></a></li>
            </ul>
        </div>
    </div>
</div>
<!-- 内容展示-->
<div class="main-display ">
	<div class="mainer-display wrap">
		<h3 class="title-content round">内容展示</h3>
        <div id="tour" class="zebra">
            <div class="wrap">
                <div class="switcher-wrap slider">
                	<ul id="img-slider" style="height: 200px;">
                        <li class="img">
                            <img src="images/content_main1.jpg" />
                        </li>
                        <li class="img">
                            <img src="images/content_main2.jpg"/>
                        </li>
                        <li class="img">
                            <img src="images/content_main3.jpg" />
                        </li>
                    </ul>
                    <ul class="switcher jQ_sliderSwitch">
                        <li class="active round"><a href="javascrpit:void(0)"></a></li>
                        <li class="round"><a href="javascrpit:void(0)"></a></li>
                        <li class="round"><a href="javascrpit:void(0)"></a></li>
                    </ul>
                </div>
            </div>
        </div>
	</div>
</div>
<!-- 内容 -->
<div class="new-display ">
	<div class="newer-display wrap">
		<h3 class="title-new round">新闻展示</h3>
        <ul class="content">
            <li>
                <a class="img-bottom" href="news.html"><img src="images/index_news.png"></a>
                <span>佳坤家具携新品出出席了“2014上海
                轻工业创新设计产品成果展示会”并得到
                一致好评...<br>
                <a class="more" href="news.html">MORE>>></a>
                </span>
            </li>
            <li>
                <a class="img-bottom" href="news.html"><img src="images/index_news.png"></a>
                <span>佳坤家具携新品出出席了“2014上海
                轻工业创新设计产品成果展示会”并得到
                一致好评...<br>
                <a class="more" href="news.html">MORE>>></a>
                </span>	
            </li>
            <li>
                <a class="img-bottom" href="news.html"><img src="images/index_news.png"></a>
                <span>佳坤家具携新品出出席了“2014上海
                轻工业创新设计产品成果展示会”并得到
                一致好评...<br>
                <a class="more"href="news.html">MORE>>></a>
                </span>	
            </li>
            <li>
                <a class="img-bottom" href="news.html"><img src="images/index_news.png"></a>
                <span>佳坤家具携新品出出席了“2014上海
                轻工业创新设计产品成果展示会”并得到
                一致好评...<br>
                <a class="more" href="news.html">MORE>>></a>
                </span>	
            </li>
        </ul>
	</div>
</div>
<!-- 尾部 -->
<div class="footer">
    <ul class="footer-nav">
        <li><a href="index.html">首&nbsp;&nbsp;页</a></li>
        <li><a href="contact_us.html">关于我们</a></li>
        <li><a href="news_center.html">新闻中心</a></li>
        <li><a href="contact_us.html">支付方式</a></li>
        <li><a href="contact_us.html">联系方式</a></li>
        <li><a href="contact_us.html">客户中心</a></li>
        <li><a href="contact_us.html">网站地图</a></li>
    </ul>
	<p class="footer-copy">Copyright&nbsp;CC&nbsp;2016-2017&nbsp;jiakun.com&nbsp;佳坤家具&nbsp;版权所有</p>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/index.js"></script>
<script src="js/round.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
	$(".slideBox").slide({mainCell:".bd ul",effect:"leftLoop",autoPlay:true,easing:"easeOutCirc",delayTime:1000,interTime:5000});
</script>


<!--[if ite IE9]>
    <script src="js/PIE.js"></script>
    <script>
        $(function(){
            $(".round").each(function(){
                PIE.attach(this);
            });
     	});
     </script>
    <script src="js/jquery.placeholder.min.js"></script>
    <script type="text/javascript">
        $(function(){ $('input, textarea').placeholder(); });
    </script>
<![endif]-->

</body>

</html>
